import React, { Component } from 'react'
import { inject, observer } from 'mobx-react';
import { hashHistory } from 'react-router'

const Item = List.Item;

@inject('appStore', 'languageStore')
@observer
class ModuleName extends Component {
	constructor(props) {
    super(props);
    this.state = {

    }
  }

  componentDidMount(){
    this.props.appStore.checkIsLogined();
  }

  fun = () => {

  }

  render() {
    const { userData } = this.props.appStore;
    return (
    	<div className="zone">
        <div className="top">
          <div className="img">
            <img src="https://o3e85j0cv.qnssl.com/tulips-1083572__340.jpg" alt=""/>
          </div>
          <div className="center">
            <h3>{userData.account}</h3>
            <p>注册于:{userData.createTime}</p>
          </div>
        </div>
        <List className="my-list">
          <Item arrow="horizontal" onClick={() => {
            hashHistory.push('/zone/question');
          }}>我的问答</Item>
          <Item arrow="horizontal" onClick={() => {
            hashHistory.push('/zone/plan');
          }}>我的计划</Item>
          <Item arrow="horizontal" onClick={() => {
            hashHistory.push('/zone/teacher');
          }}>我的导师</Item>
          <Item arrow="horizontal" onClick={() => {
            hashHistory.push('/zone/interview');
          }}>我的面试服务</Item>
        </List>
    	</div>
    )
  }
}

module.exports = ModuleName
